﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="OrcasThemes">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
    <title>Home</title>
    <!-- Bootstrap core CSS -->
    <link href="/static/index/css/bootstrap.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link rel="stylesheet" href="/static/index/css/screen.css">
    <link rel="stylesheet" href="/static/index/css/animation.css">
    <!--[if IE 7]>

    <![endif]-->
    <link rel="stylesheet" href="/static/index/css/font-awesome.css">
    <!--[if lt IE 8]>
<link rel="stylesheet" href="/static/index/css/ie.css" type="text/css" media="screen, projection">
<![endif]-->
    <link href="/static/index/css/lity.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/index/css/screen.css">
        <link rel="stylesheet" type="text/css" href="/static/index/css/reset.css">
    <link rel="stylesheet" type="text/css" href="/static/index/css/main.css">
    <script type="text/javascript" src="/static/index/js/jquery-1.12.4.min.js"></script>
    <script type="text/javascript" src="/static/index/js/main.js"></script>
    <script type="text/javascript" src="/static/index/js/index.js"></script>


</head>
<body>
<!-- HOME 1 -->
<div id="home1" class="container-fluid standard-bg">
    <!-- HEADER -->
    <div class="header-top">
        <div><img class="photo_gif" src="/static/index/img/timg.jpg" alt=""/></div>
    </div>
    <!-- MENU -->
    <div class="row home-mega-menu ">
        <div class="col-md-12">
            <nav class="navbar navbar-default">
                <div class="navbar-header">
                    <button class="navbar-toggle" type="button" data-toggle="collapse"
                            data-target=".js-navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <div class="collapse navbar-collapse js-navbar-collapse megabg dropshd ">
                    <ul class="nav navbar-nav">
                        <li><a href="{{ url_for('.index') }}">主页</a></li>
                        <li><a href="{{ url_for('.Comic_consulting') }}">漫画咨询</a></li>
                        <li><a href="{{ url_for('.light_novel') }}">短视频</a></li>
                        <li><a href="{{ url_for('.personal_center') }}">个人中心</a></li>
                        <li><a href="#" onclick="javascript:history.back(-1);">返回上一级</a></li>


                    </ul>
                    <div class="search-block">
                        <form>
                            <input type="search" placeholder="Search">
                        </form>
                    </div>
                    <div class="right-box">
                        <div class="user_btns fr">
                            {% if not user %}
                                <a href="{{ url_for('login_blu.login') }}" class="login_btn"><font
                                        color="blue">登录</font> </a> /
                                <a href="javascript:;" class="register_btn"><font color="blue">注册</font></a>
                            {% else %}
                                <a href="{{ url_for('.personal_center') }}" class="login_btn"><font
                                        color="blue">{{ user.nick_name }}</font> </a><a href="#" id="logout">退出</a>
                            {% endif %}
                        </div>
                    </div>
                </div>

            </nav>
        </div>
    </div>
    <!-- CORE -->
    <div class="row">
        <!-- SIDEBAR -->
        <div class="col-lg-2 col-md-4 hidden-sm hidden-xs">
            <aside class="dark-bgs">
                <article>
                    <h2 class="icon"><i class="fa fa-flash" aria-hidden="true"></i>最热咨询</h2>

                        <ul class="rank_lists rank_list">
                {% for news in rank_news %}
                    <li><span class="{{ loop.index }}">{{ loop.index }}</span><a href="/detail3/{{ news.id}}"><font color="#f0f8ff" style="border-left: aliceblue;">{{ news.title }}</font></a></li>
{#                    <li><span>6</span><a href="#">人民日报：部分城市楼市放松限制引关注，楼市调控不会“拉抽屉”</a></li>#}
                {% endfor %}

                    </ul>
                </article>

            </aside>
        </div>
        <!-- HOME MAIN POSTS -->
        <div class="col-lg-10 col-md-8 box_new">
            <section id="home-main">
                <h2 class="icon"><i class="fa fa-television" aria-hidden="true"></i>最新情报</h2>
                <div class="row">
                    <!-- ARTICLES -->
                    <div class="col-lg-9 col-md-12 col-sm-12 ">
                        <div class="row auto-clear">
                            <ul class="list_con fl">
                            <li>
                                <a href="#" class="news_title fl">日本史上最大IPO之一要来了：软银计划将手机业务分拆上市</a>
                                <a href="#" class="news_detail fl">据日经新闻网，软银计划让旗下核心业务移动手机部门SoftBank
                                    Corp.分拆上市，或募资2万亿日元(约180亿美元)。随着软银逐步向投资公司转型，此举旨在给手机业务部门更多自主权</a>
                                <div class="author_info fl">
                                    <div class="source fl">
                                        来源：广州日报
                                    <div class="time fl">2017-01-01 00:00:0</div>
                                    </div>
                                </div>
                                <hr>

                            </li>
                                </ul>
                        </div>
                        <div class="clearfix spacer"></div>
                    </div>
                    <!-- RIGHT ASIDE -->
            </section>
        </div>
    </div>
</div>
<!-- MAIN -->
<!-- FOOTER -->
<div id="footer" class="container-fluid footer-background">
    <div class="container">
        <footer>
            <!-- SECTION FOOTER -->
            <div class="row copyright-bottom text-center">
                <div class="col-md-12 text-center">
                    <p>Copyright &copy; 2019.Company name All rights reserved.</p>
                </div>
            </div>
        </footer>
    </div>
</div>
<!-- JAVA SCRIPT -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/static/index/js/jquery-1.12.1.min.js"></script>
<script src="/static/index/js/bootstrap.min.js"></script>
<script src="/static/index/js/lity.js"></script>
<script type="text/javascript" src="/static/index/js/main.js"></script>
<script>
    $(".nav .dropdown").hover(function () {
        $(this).find(".dropdown-toggle").dropdown("toggle");
    });
</script>
<!-- MODAL -->
<div id="enquirypopup" class="modal fade in " role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content row">
            <div class="modal-header custom-modal-header">
                <button type="button" class="close" data-dismiss="modal">×</button>
                <h2 class="icon"><i class="fa fa-television" aria-hidden="true"></i>free access</h2>
            </div>
            <div class="modal-body">
                <form name="info_form" class="form-inline" action="#" method="post">
                    <div class="form-group col-sm-12">
                        <input type="text" class="form-control" name="name" id="name" placeholder="Enter Name">
                    </div>
                    <div class="form-group col-sm-12">
                        <input type="email" class="form-control" name="email" id="email" placeholder="Enter Email">
                    </div>
                    <div class="form-group col-sm-12">
                        <button class="subscribe-btn pull-right" type="submit" title="Subscribe">Subscribe</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
</body>
</html>
